﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta charset="UTF-8">
    <title>欢迎登陆</title>
    <link rel="stylesheet" href="~/css/layui/css/layui.css" />
   
    <style>

        * {
            margin: 0px;
            padding: 0px;
        }
    body { 
        background-image: url("http://qi620eikb.hn-bkt.clouddn.com/BeiJIng.PNG") 

    }

        a {
            text-decoration: none;
        }

        fieldset {
            display: inline-block;
            width: 340px;
            margin-top: 70px;
            color: #999;
            border: none;
            border-top: 1px solid #999;
            text-align: center;
            font-size: 13px;
            margin-left: 33px;
        }

        .zong {
            width: 100%;
            height: 100%;
        }

        .top {
            width: 100%;
            height: 100px;
            background-image: url(img/mistore_logo.png);
            background-repeat: no-repeat;
            background-position: 400px;
        }

        .banner {
           
            height: 500px; /*background: url(Image/) no-repeat left;*/
            background-repeat:no-repeat;
            
      
            padding-right:300px;
        }

        .banner_box {
            height: 500px;
            width: 400px;
            background: white;
            position: absolute;
            right: 70px;
            margin-top: 44px;
        }

            .banner_box input {
                height: 50px;
                width: 360px;
                margin-top: 30px;
                margin-left: 20px;
                font-size: 15px;
            }

        .dl {
            display: inline-block;
            margin-top: 30px;
            margin: auto;
            margin-left: 150px;
            font-size: 22px;
            color: #f56600;
            margin-right: 35px;
            font-family: "微软雅黑";
        }

        .sm {
            display: inline-block;
            margin-top: 30px;
            font-size: 22px;
            margin-left: 15px;
            color: black;
            font-family: "微软雅黑";
        }

        .z_zc {
            font-size: 11px;
            float: right;
            margin-top: 10px;
            margin-right: 18px;
        }

        .y_zc {
            font-size: 11px;
            float: left;
            margin-top: 10px;
            margin-left: 18px;
        }

        .img_t {
            margin-left: 30px;
            cursor: pointer;
        }

        .img_tc {
            cursor: pointer;
            margin-left: 90px;
        }

        .img {
            height: 30px;
            width: 400px;
            margin: 30px auto;
            position: absolute;
            bottom: 13px;
        }

        .zhdl {
            visibility: visible;
        }

        .smdl {
            visibility: hidden;
            position: absolute;
            top: 290px;
            right: 117px;
        }

            .smdl p {
                font-size: 15px;
                text-align: center;
            }

        .footer {
            width: 100%;
            height: 170px;
            background-color: white;
        }

            .footer p {
                padding-top: 60px;
                text-align: center;
                color: darkgray;
                color: #F56600;
            }

            .footer li {
                float: left;
                list-style: none;
                margin-left: 30px;
                font-size: 14px;
            }

            .footer .li {
                margin-left: 780px;
                font-size: 14px;
            }

            .footer ul {
                padding-top: 90px;
            }

            .footer a {
                color: #F56600;
            }
        .shoouji {
            margin-top:100px;
            margin-left:100px;
            float: left;
            width: 750px;
            height: 500px;
            background-color:lightcyan;
            background-repeat: no-repeat;
            background-image: url("http://qi620eikb.hn-bkt.clouddn.com/sss.jpg");
        }
    </style>
</head>

<body>
    <!--页面大容器-->
    <div class="zong">
        <div class="shoouji"></div>
        <!--页面头部部分-->
        <div class="top">
            @*<img class="top_logo" src="img/mistore_logo.png" />*@
        </div>
        <!--页面中部部分-->
        <div class="banner">
            <div class="banner_box">
                <br />
                <a href="#" class="dl" id="zh" >账号登录</a>

                <div class="zhdl" id="zhdl">
                    <form class="layui-form">
                        <input type="text" name="loginname" lay-verify="required" id="login" placeholder="账号" />
                        <input type="password" name="loginpwd" id="pwd" lay-verify="required" placeholder="请输入密码" />
                        <input style="background-color: #F56600; border: none; color: white;" type="button" lay-submit lay-filter="login" value="登录">
                    </form>



                    <span class="y_zc">
                        <a href="#" style="color: #f56600;">欢迎你，老兄弟！</a>
                    </span>
                    <span class="z_zc">
                        <a href="/Home/Register" style="color: black;">立即注册</a>

                    </span>
                    <br />
                    <br />
                    <br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:red;">@TempData["msg"]</span>
                </div>
            </div>
        </div>

    </div>
    
    <script src="~/css/layui/layui.js"></script>
    <script type="text/javascript">

        layui.use(['form', 'layer'], function () {
            var layer = layui.layer,
                form = layui.form,
                $ = layui.$;
            form.on('submit(login)', function (data) {
                $.ajax({
                    url: "/Home/Login",
                    type: "post",
                    data: data.field,
                    success: function (data) {
                        if (data.success) {
                            window.location.href = "/Home/Index";
                        } else {
                            layer.msg(data.message);
                            return false;
                        }
                    }

                });

                return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
            });

        });
    @*function loginname() {
            var val = uname.value;
        if (val === "") {
            alert("dsf");
                 @TempData["msg"]="请输入用户名";
                return false;
            } else if (val.length <= 3 || val.length >= 6) {
                  @TempData["msg"]= " 用户名大于等于3位小于等于6位";

                return false;
            }
        }*@

    </script>
</body>
</html>
